// pages/profile/profile.js
import request from '../../utils/request';
let startY = 0; //手指起始的坐标
let moveY = 0; //手指移动的坐标
let moveDestance = 0;  //移动的距离

Page({

  /**
   * 页面的初始数据
   */
  data: {
    coverTransform: 'translateY(0)',
    coverTranstion: '',
    userinfo: {},
    recentPlayList:[], //用户播放记录

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //读取用户的基本数据
    let userInfo = wx.getStorageSync('userinfo');
    if(userInfo){
      this.setData({
        userinfo:JSON.parse(userInfo)
      })

      //获取用户的播放记录
      this.getUserRecentPllayList(this.data.userinfo.userId)

    }
    
  },
  //获取用户播放记录的功能函数
  async getUserRecentPllayList(userid){
    let recentListPlayData = await request('/user/record',{
      uid:userid,
      type:0
    });
    // console.log(recentListPlayData);
    let index = 0;
    let recentPlayList = recentListPlayData.allData.slice(0,10).map(item => {
      item.id = index++;
      return item;
    })
    this.setData({
      recentPlayList:recentPlayList
    })

  },
//手指放上去处理函数
  handleTouchStart(event){
    // console.log('start');
    startY = event.touches[0].clientY; //获取手指的起始坐标
    this.setData({
      coverTranstion: "transtion 1s linear"
    })

  },
//手指移动处理函数
  handleTouchMove(event){
    // console.log('move');
    moveY = event.touches[0].clientY;
    moveDestance = moveY - startY; //移动的距离
    //对移动进行一些控制
    if(moveDestance <= 0)
    {
      return 0;
    }
    if(moveDestance > 100)
    {
      moveDestance = 100;
    }
    this.setData({
      coverTransform: `translateY(${moveDestance}rpx)`
    })

  },
//手指松开处理函数,回到原来的位置
  handleTouchEnd(event){
    // console.log('end');
    this.setData({
      coverTransform: 'translateY(0)',
      coverTranstion: "transtion 1s linear"
    })
    
  },
  handleLogin(){
    wx.navigateTo({
      url: '/pages/login/login',
    })
  },
  

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})